<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>主页</title>
		<link href="../../assets/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="../../assets/css/admin.css" rel="stylesheet" />
		<script src="../../assets/js/common/jquery.min.js"></script>
		<script src="../../assets/js/layer/layer.js"></script>
		<script src="../../assets/js/common/artTemplate.js"></script>
		<script src="../../assets/js/common/common.js"></script>
		<script src="../../assets/js/common/resource_mapping.js"></script>
		<script src="../../assets/js/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../assets/js/modules/sys/admin.js"></script>
		<style>
			body {
				font-family: "微软雅黑";
				font-size: 14px;
				background: url(http://ypstatic.zksite.com/2d/8a/86a23cc524354f94b620dfe6c26f87c0.jpg) fixed center center;
			}
			.panel-body{
				padding: 0;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid" id="main-container">
			<div class="row" style="margin-bottom: 2px;margin-top: 2px;" id="nav-container">
				<div class="col-md-12">
					<nav class="navbar navbar-default" id="navbar-container">
						<script type="text/html" id="navbar-temp">
							<div class="container-fluid">
								<div class="navbar-header">
									<a class="navbar-brand" href="#">
										<span class="jeeboss-logo">jeeboss</span>
									</a>
								</div>
								<div class="navbar-header" style="float: right;">
									<!--<a class="navbar-brand" href="#" style="display: inline-block;">
										<img src="{{data.photo}}" class="img-rounded" style="height: 100%;"/>
										
									</a>-->
									<div class="navbar-brand">
										<div class="btn-group " role="group">
										    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										     您好，{{data.nickname}}
										      <span class="caret"></span>
										    </button>
										    <ul class="dropdown-menu">
										      <li><a href="#" onclick="showInfo({{data.id}})">个人信息</a></li>
										      <li><a href="#" onclick="logout({{data.id}})">注销</a></li>
										    </ul>
										  </div>
									</div>
									
								</div>
							</div>
						</script>
					</nav>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div class="menu-container">
						<div class="panel menu-pannel">
							<div class="panel-body">
								<div id="menu-group">
									<script type="text/html" id="menu-temp">
										<ul class="menu-list">
											{{each data as resource}} {{if resource.parentId==0 && resource.type==0}}
											<li class="first-menu-li">
												<a class="first-menu" role="button" data-toggle="collapse" href="#sub-menu{{resource.id}}" aria-expanded="false" aria-controls="collapseExample">{{resource.name}}</a>
											</li>
											<div class="collapse" id="sub-menu{{resource.id}}">
												<div class="panel-collapse">
													<div class="panel-body">
														<ul class="nav nav-pills nav-stacked">
															{{each data as c}} {{if c.parentId==resource.id && c.type==0}}
															<li role="presentation" class="">
																<a href="#" class="sub-menu" data-href="{{c.url}}">{{c.name}}</a>
															</li>
															{{/if}} {{/each}}
														</ul>
													</div>
												</div>
											</div>
											{{/if}} {{/each}}
										</ul>
									</script>
								</div>
							</div>
						</div>
					</div>
					<div class="main-content">
						<div class="container-fluid" style="padding: 0;">
							<div class="row" id="status-bar-div">
								<div class="col-lg-12">
									<div class="panel status-bar-pannel">
										<div class="panel-body">
											<ul class="status-bar-container" style="min-height: 42px;">
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-11 col-sm-10 col-md-10" id="content-main">
									<script type="text/html" id="content-temp">
										<iframe src="{{href}}" data-iframeid="{{id}}" class="iframe-active" style="width: 100%;height: 100%;display: none;" frameborder="no" border="0" marginwidth="0" marginheight="0"  allowtransparency="yes"></iframe>
									</script>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/html" id="status-bar-temp">
			<li role="presentation" class="bar-active" data-targetId="{{id}}">
				<span class="status-bar-close">x</span>
				<a href="#">{{name}}</a>
			</li>
		</script>
	</body>

</html>